@CHARSET "UTF-8";

#top { /*     background:#CCCCCC; */
	/*     padding:20 20 20 20px; */
	height: 10%;
	width: 94%;
	/*     border:#FFCC00 double 3px; */
	margin: 0 0 10 0px;
}

#left {
	float: left;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 25%;
	height: 90%;
	text-align: left;
	border: #FFCC00 double 3px;
	margin: 0 10 0 0px;
}

#main {
	float: left;
	/*     background:CCCCCC; */
	padding: 20 20 20 20px;
	width: 60%;
	text-align: left;
	border: #FFCC00 double 3px;
}

#right {
	float: left;
	/*     background:CCCCCC; */
	padding: 20 20 20 20px;
	width: 140px;
	text-align: left;
	border: #FFCC00 double 3px;
	margin: 0 0 0 10;
}

#foot { /*     background:#CCCCCC; */
	padding: 20 20 20 20px;
	width: 600px;
	margin: 10 0 0 0;
	border: #FFCC00 double 3px;
}

#sub_top { /*     background:#CCCCCC; */
	/*     padding:20 20 20 20px; */
	height: 200px;
	width: 94%;
	/*     border:#FFCC00 double 3px; */
	margin: 0 0 10 0px;
}

#sub_left {
	float: left;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 40%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_main {
	float: left;
	/*     background:CCCCCC; */
	padding: 20 20 20 20px;
	width: 67%;
	text-align: left;
	border: #FFCC00 double 3px;
}

#sub_right {
	float: left;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 40%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 0 0 10;
}

#sub_foot { /*     background:#CCCCCC; */
	padding: 20 20 20 20px;
	width: 600px;
	margin: 10 0 0 0;
	border: #FFCC00 double 3px;
}

#sub_left .top { /*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 100%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_left .foot { /*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 100%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_left .main { /*     background:green; */
	padding: 10 0 0 0px;
	width: 100%;
	height: 30%;
	text-align: left;
	/*     border:#000 double 3px; */
	margin: 0 10 0 0px;
}

#sub_left .main .left {
	float: left;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 60%;
	height: 90%;
	text-align: left;
	border: #000 double 3px;
	margin: 0 10 0 0px;
}

#sub_left .main .right {
	float: right;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 20%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_right .top { /*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 100%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_right .foot { /*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 100%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

#sub_right .main { /*     background:green; */
	padding: 10 0 0 0px;
	width: 100%;
	height: 30%;
	text-align: left;
	/*     border:#000 double 3px; */
	margin: 0 10 0 0px;
}

#sub_right .main .left {
	float: left;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 60%;
	height: 90%;
	text-align: left;
	border: #000 double 3px;
	margin: 0 10 0 0px;
}

#sub_right .main .right {
	float: right;
	/*     background:CCCCCC; */
	/*     padding:20 20 20 20px; */
	width: 20%;
	text-align: left;
	/*     border:#FFCC00 double 3px; */
	margin: 0 10 0 0px;
}

/* width */
.w40 {
	width: 40px;
}

/* color */
.blue {
	color: blue;
}

.red {
	color: red;
}
/* background-color */
.bc_selected {
	background-color: #A8EDFF;
}

/* table tr */
#approver tr:HOVER {
	background-color: #E8EDFF;
}

#receiver tr:HOVER {
	background-color: #E8EDFF;
}

.inline {
	display: inline;
}

.absolute {
	position: absolute;
}

.scroll_Y {
	overflow-y: scroll;
}

/* text-align */
.ta_right {
	text-align: right;
}

.ta_center {
	text-align: center;
}

/* font-size */
.fs10 {
	font-size: 10px;
}

.fs15 {
	font-size: 10px;
}

.fs20 {
	font-size: 10px;
}
/* .draftwindowtbl{ */
/* 	border-left:black 1px solid; */
/* 	border-right:black 1px solid; */
/* 	border-top:black 1px solid; */
/* 	border-bottom:black 1px solid; */
/* } */
#hor-zebra {
	border-collapse: collapse;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 12px;
	margin: 20px;
	text-align: left;
	width: 480px;
}

#hor-zebra .odd {
	background: #E8EDFF;
}

.div_line {
	border-left: 1px solid blue;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-bottom: black 1px solid;
}

/* Popup Layer */
.layer_area {
	background: #FFFFFF;
	border: 4px solid #DDDDDD;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 50%;
}

.layer {
	display: none;
	position: fixed;
	_position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
}

.open {
	display: block;
}

.layer .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	filter: alpha(opacity = 50);
}

.none {
	display: none;
}

/* Table */
.my_table {
	border: #000 double 3px;
	width: 100%;
}

.my_table td {
	border: #000 solid 1px;
}

/* Button */
.btn_create {
	width: 100%;
}